﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="login.aspx.cs" Inherits="login" %>

<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="initial-scale = 1.0, maximum-scale = 1.0, user-scalable = no, width = device-width">

    <link rel="stylesheet" href="resources/css/styleLogin.css" media="screen">
    <!--[if lte IE 7]><link rel="stylesheet" href="resources/css/style.ie7.css" media="screen" /><![endif]-->
    <link rel="stylesheet" href="resources/css/style.responsive.css" media="all">


    <script src="resources/js/jquery.js"></script>
    <script src="resources/js/script.js"></script>
    <script>
        function get_browser() {
            var ua = navigator.userAgent, tem, M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
            if (/trident/i.test(M[1])) {
                tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
                return 'IE ' + (tem[1] || '');
            }
            if (M[1] === 'Chrome') {
                tem = ua.match(/\bOPR\/(\d+)/)
                if (tem != null) {
                    return 'Opera ' + tem[1];
                }
            }
            M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?'];
            if ((tem = ua.match(/version\/(\d+)/i)) != null) {
                M.splice(1, 1, tem[1]);
            }
            return M[0];
        }

        function get_browser_version() {
            var ua = navigator.userAgent, tem, M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
            if (/trident/i.test(M[1])) {
                tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
                return 'IE ' + (tem[1] || '');
            }
            if (M[1] === 'Chrome') {
                tem = ua.match(/\bOPR\/(\d+)/)
                if (tem != null) {
                    return 'Opera ' + tem[1];
                }
            }
            M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?'];
            if ((tem = ua.match(/version\/(\d+)/i)) != null) {
                M.splice(1, 1, tem[1]);
            }
            return M[1];
        }  
        var versionReq = 8;
        if (get_browser().toString().indexOf("IE") > -1) {
            var version = (get_browser_version().replace("IE", ""));
            if (version < versionReq) {
                var msg = "ระบบคำวินิยฉัย ไม่สนับสนุนการทำงาน Internet explorer ตำกว่า เวอชั่น " + versionReq + " ระบบกำลังนำคุณไปยังหน้าดาวน์โหลด";
                alert(msg);
                //window.location = "http://e-report.ect.go.th/ECTReport/pages/downloads/browser.xhtml";
                window.open('http://e-report.ect.go.th/ECTReport/pages/downloads/browser.xhtml?c' + new Date().getMilliseconds(), 'winname', 'directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=800,height=350');
            }
        }
            </script>
    <style>
        #art-main {
            background-color: #ffffff;
        }

        img.pic_login {
            padding-left: 60px;
            position: absolute;
            top: -2px;
        }

        #primarycontent {
            float: left;
            height: 160px;
            position: relative;
            top: 20px;
            width: 480px;
        }

        form {
            padding-left: 260px;
            float: right;
        }
    </style>

</head>
<body>

    <div id="art-main">
        <header class="art-header">


            <div class="art-shapes">
                <div class="art-object97376050" data-left="0.5%"></div>

            </div>
            <h1 class="art-headline" data-left="37.18%">
                <a href="#">ระบบบันทึกคำวินิจฉัย</a>
            </h1>
            <h2 class="art-slogan" data-left="29.39%">คำร้อง และการดำเนินคดีในศาล</h2>






        </header>
        <nav class="art-nav">
            <div class="art-nav-inner">
            </div>
        </nav>
        <div class="art-sheet clearfix">
                
                <div id="primarycontent">
                    <img class="pic_login floatleft" src="resources/images/pic_login.jpg">

                    <form id="form1" runat="server">
                    <telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
                        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                            <ContentTemplate>
                                <telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="all" DecorationZoneID="tblLogin"></telerik:RadFormDecorator>
                        <table id="tblLogin">
                            <tbody>
                                <tr role="row" class="ui-widget-content">
                                    <td role="gridcell">
                                        <label class="ui-outputlabel ui-widget" id="j_idt15:j_idt17">ชื่อผู้ใช้ : </label>
                                    </td>
                                    <td role="gridcell">
                                        <asp:TextBox ID="txt_userName" CssClass="riTextBox riEnabled" Runat="server"  MaxLength="100" LabelWidth="64px" Width="160px">
                                        </asp:TextBox>
                                    </td>
                                </tr>
                                <tr role="row" class="ui-widget-content">
                                    <td role="gridcell">
                                        <label class="ui-outputlabel ui-widget" id="j_idt15:j_idt19">รหัสผ่าน : </label>
                                    </td>
                                    <td role="gridcell">
                                        <asp:TextBox ID="txt_Passwprd" Runat="server" TextMode="Password"  MaxLength="100" LabelWidth="64px" Width="160px"></asp:TextBox>
                                    </td>
                                </tr>
                                <tr role="row" class="ui-widget-content">
                                    <td role="gridcell">
                                        <label class="ui-outputlabel ui-widget" id="j_idt15:j_idt21"></label>
                                    </td>
                                    <td role="gridcell">
                                        <telerik:RadButton ID="bt_Login" runat="server" Text="เข้าสู่ระบบ" Skin="WebBlue" OnClick="bt_Login_Click">
                                        </telerik:RadButton>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                            </ContentTemplate>
                        </asp:UpdatePanel>
                    </form>
                </div>
        
        </div>
        <footer class="art-footer">
            <div class="art-footer-inner">
                <p><a href="http://www.wpzoom.com/"></a></p>

                <p>
                    <a href="http://www.ect.go.th/th/" target="_blank">สำนักงานคณะกรรมการการเลือกตั้ง</a>
                    เลขที่ 120 ม.3 ชั้น 2 อาคารรวมหน่วยราชการ บี&nbsp;&nbsp;ศูนย์ราชการเฉลิมพระเกียรติ 80 พรรษา 5 ธันวาคม 2550&nbsp;
                </p>
                <p>
                    &nbsp;ถ.แจ้งวัฒนะ แขวงทุ่งสองห้อง เขตหลักสี่ กรุงเทพ 10210
 โทร 0-2141-8888 อีเมล์ dav@ect.go.th<a href="http://www.wpzoom.com/"></a>&nbsp;
                </p>
                <p class="art-page-footer">
                    Version 1.1 28/11/2557 00:20
                </p>
            </div>
        </footer>

    </div>

</body>
</html>
